<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>点击</button>

    <script src="./myAxios.js"></script>
    <script>

        const but = document.querySelector('button');


        // 请求方式是GET 没有传参数
        // but.addEventListener('click',async function(){
        //     const arr = await myAxios({
        //         url:'http://ajax-api.itheima.net/api/province',
        //         method:'GET'
        //     })
        //     const {data} = arr
        //     console.log(data);
        // })

        // 请求方式是GET 有传参数
        // but.addEventListener('click',async function(){
        //     const arr = await myAxios({
        //         url:'http://ajax-api.itheima.net/api/area',
        //         method:'GET',
        //         params:{
        //             pname:'河南省',
        //             cname:'周口市'
        //         }
        //     })
        //     const {data} = arr
        //     console.log(data);
        // })

        // 请求方式是POST 有传参数,参数是对象的形式
        // but.addEventListener('click',async function(){
        //     const arr = await myAxios({
        //         url:'http://ajax-api.itheima.net/api/data',
        //         method:'POST',
        //         data:{
        //             username:'admin',
        //             password:'123456'
        //         }
        //     })
        //     const {data} = arr
        //     console.log(data);
        // })


        // 请求方式是POST 有传参数,参数查询字符串形式
        but.addEventListener('click',async function(){
            const arr = await myAxios({
                url:'http://ajax-api.itheima.net/api/data',
                method:'POST',
                data:'username=admin&password=654321'
            })
            const {data} = arr
            console.log(data);
        })
            

    </script>
</body>
</html>